$color1: #6b76ff;
$color2: #a5aeff;
$color3: #c8e4fe;
$color4: #feffe0;
$color5: #fbeed7;
$color6: #ffba5a;


* {
	margin: 0;
	padding: 0;
	list-style: none;
}

.container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
}

.list {
	height: 100%;
	transition: all 1s ease-in-out;
	transform: translateX(0);
}
.item {
	float: left;
	height: 100%;
	background: $color1;
	&:nth-child(5n+1) {
		background: $color1;
	}
	&:nth-child(5n+2) {
		background: $color2;
	}
	&:nth-child(5n+3) {
		background: $color3;
	}
	&:nth-child(5n+4) {
		background: $color4;
	}
	&:nth-child(5n) {
		background: $color5;
	}
}

.prev-btn {
	position: fixed;
	left: 0;
	top: 50%;
	color: #ffffff;
}

.next-btn {
	position: fixed;
	right: 0;
	top: 50%;
	color: #ffffff;
}